﻿<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="css/public.css" />
		<link rel="stylesheet" href="css/other.css" />
        <script src="js/jquery.js"></script>
        <script type="text/javascript">
            var time = 60;
            //倒计时
            function getRandomCode() {
                if (time === 0) {
                    time = 60;
                    $('#dj_ma').removeClass("djs");
                    $('#dj_ma').text("获取验证码");
                    $('#dj_ma').attr("onclick", "getRandomCode()");
                    return;
                } else {
                    time--;
                    $('#dj_ma').text(time + "秒后重试");
                    $('#dj_ma').addClass("djs");
                    $('#dj_ma').removeAttr("onclick");
                    $('#dj_ma').parent().prev().css("border-color", "#ED3933");
                    $(".tips").css("display", "inline-block");
                }
                setTimeout(function () {
                    getRandomCode();
                }, 1000);
            }
        </script>
	</head>
	<body>
		<div class="top_box">
			<div class="top_Content_width">
				<div class="top_Content_left">
					<span>您好，欢迎来到敬业商城</span>
					<a class="login">请登录</acronym><a class="registration">免费注册</a>
				</div>
				<div class="top_Content_right">
					<a>手机客户端</a>
					<a>买家中心 <em class="arrow_down"></em></a>
					<a>帮助中心<em class="arrow_down"></em></a>
					<span>咨询热线：<font>0311-82878888</font></span>
				</div>
			</div>
		</div>
		<div class="top_box_logo ">
			<div class="logo left"></div>
			<span class="column left"></span>
			<span  class="text_login left" >欢迎注册</span>
			<div class="step_boxw">
				<div class="step_box step_red">
					<div class="fc_step">
					<div class="step_number">1</div>
					<p>验证手机号</p>
					</div>
				</div>
				<div class="step_box">
					<div class="fc_step">
					<div class=" step_number step_non">2</div>
					<p>填写账号信息</p>
					</div>
					<div class="fc_step" style="left: 140px;">
					<div class=" step_number step_non step_style">3</div>
					<p>注册成功</p>
					</div>
				</div>
				
			</div>
		</div>
		<div class="style_bor_t"></div>
		<div class="register_content">
			<div><span><font>*</font>手机号码</span><input onfocus="if (placeholder =='请输入手机号'){placeholder =''}" onblur="if (placeholder ==''){placeholder='请输入手机号'}" type="text" placeholder="请输入手机号" value=""></div>
		    <div style="position: relative;"> <span><font>*</font>短信验证码</span><input onfocus="if (placeholder =='短信验证码'){placeholder =''}" onblur="if (placeholder ==''){placeholder='短信验证码'}" type="text" placeholder="短信验证码" value="">
		        <div class="verification">|<font id="dj_ma" onclick="getRandomCode()">获取验证码</font></div>
                <font class="tips" style="display:none;margin-left:120px;">请输入验证码</font>
		    </div>
            
		    <div><span><font>*</font>姓名</span><input onfocus="if (placeholder =='姓名'){placeholder =''}" onblur="if (placeholder ==''){placeholder='姓名'}" type="text" placeholder="姓名" value=""></div>
		    <div><span><font>*</font>密码</span><input onfocus="if (placeholder =='密码'){placeholder =''}" onblur="if (placeholder ==''){placeholder='密码'}" type="text" placeholder="密码" value=""></div>
		    <div><span><font>*</font>确认密码</span><input onfocus="if (placeholder =='确认密码'){placeholder =''}" onblur="if (placeholder ==''){placeholder='确认密码'}" type="text" placeholder="确认密码" value=""></div>
		    <div><span><font>*</font>推荐码</span><input onfocus="if (placeholder =='推荐码'){placeholder =''}" onblur="if (placeholder ==''){placeholder='推荐码'}" type="text" placeholder="推荐码" value=""></div>
		    <div class="agreement"><input class="checkbox_style" type="checkbox" checked="">注册即代表您同意<font>平台服务协议</font>和<font>隐私政策</font></div>
		    <input class="buton_register " type="button" value="立即注册" />
		</div>
	</body>
</html>
